<template>
  <Header style="position: fixed; z-index: 1000" />
  <div class="home">
    <div class="middle_ele">
      <ElButton type="primary">AA</ElButton>
      <h1>Home</h1>
      <br />
      <h1>Home</h1>
      <br />
      <h1>Home</h1>
      <br />
      <h1>Home</h1>
      <br />
      <h1>Home</h1>
      <br />
      <h1>Home</h1>
      <br />
      <h1>Home</h1>
      <br />
      <h1>Home</h1>
      <br />
      <h1>Home</h1>
      <br />
      <h1>Home</h1>
      <br />
      <h1>Home</h1>
      <br />
      <h1>Home</h1>
      <br />
      <h1>Home</h1>
      <br />
      <h1>Home</h1>
      <br />
      <h1>Home</h1>
      <br />
      <h1>Home</h1>
      <br />
      <h1>Home</h1>
      <br />
      <h1>Home</h1>
      <br />
      <h1>Home</h1>
      <br />
      <h1>Home</h1>
      <br />
      <h1>Home</h1>
      <br />
    </div>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue';
export default defineComponent({
  name: 'Home',
});
</script>
<script lang="ts" setup>
// 引入组件/页面
import Header from '@/components/header/index.vue';
// Element plus
import { ElButton } from 'element-plus';
</script>

<style lang="scss" scoped>
.home {
  padding-left: 10px;
  width: 100%;
  height: 2000px;
  position: absolute;
  top: 60px;
}
</style>
